<article>
    <div class="title_article" onclick="show(this);">Safe-Driving et EDdriveCom - La conduite du bout des doigts</div>
    <div class="content_article" style="display:block;">

        <img class="img_article" src="./image/moto.jpg" />
        <p class="para">Edgard Debout est une légende de la moto, l'un des plus grands champions de l'histoire du sport motocycliste avec plus de 300 victoires.
            Après avoir gagné le championnat du monde en 2006 pour la 5ème fois consécutive, il décide en 2007 de se consacrer à un nouveau projet, une école de moto et de voiture.<br/>
            Il crée alors l'agence <b>Safe-Driving</b> qui propose différentes formules de formation, de la préparation au permis français à la mise en place de stages intensifs de perfectionnement.
            De plus l'accés à la nouvelle plateforme "EDdriveCom" vous garanti une formation simple à gérer, de nombreuses informations à quelques clics,
            des instructeurs à votre écoute. Découvrez ce que EDriveCom peut vous apporter.
        </p>
        
        <br/>
        <center>
        <a class="link_inside" href="">Découvrez nos formations</a>
        <br/>
        <br/>
        <a class="link_inside" href="">Contact / Horaires d'ouverture</a>
        </center>
        <br/>
        <br/>
                    
   
    </div>
</article>
		
<article>
    <div class="title_article_unclickable">Les 3 dernières News</div>
    <div class="content_article">
        <a class="link_topright" href="news.php">Accéder à toutes les news</a>
        
        <br/>
        <br/>
        
        <div class="news_index">
            <img class="img_index"src="./image/news.jpg"/>
            <span><b>titre</b> - <i>le date  par pseudo</i></span> <br/>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
                incididunt ut labore et dolore magna aliqua..
            <a href="">Lire la suite</a>
            </p>
        </div>
        
        <br/>
        
        <div class="news_index">
            <img class="img_index"src="./image/news.jpg"/>
            <span><b>titre</b> - <i>le date par pseudo</i></span> <br/>
            <p> Lorem ipsum dolor sit amet, consectetur adi.
            <a href="">Lire la suite</a>
            </p>
            <div class="clear"></div>
        </div>  
        
        <br/>
        
        <div class="news_index">
            <img class="img_index"src="./image/news.jpg"/>
            <span><b>titre</b> - <i>le date par pseudo</i></span> <br/>
            <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
                incididunt ut labore et dolore magna aliqua.
            <a href="">Lire la suite</a>
            </p>
        </div>
        <br/> <!-- si enlever pb d'affichage... ? -->
    </div>
</article>